/* GLOBAL PROPERTIES */
* {
    text-align: center;
}

:root {
    --site-font: "Futura PT";
    --text-color: lightgreen;
    --background-color: darkslategrey;
    --link-color-visit: darkseagreen;
    --link-color-hover: green;
    --text-size-small: 18px;
    --text-size-normal: 32px;
    --text-size-large: 200px;
    --text-weight-light: 100;
    --text-weight-normal: 300;
    --text-weight-heavy: 500;
    --default-line-height: 1.3;
}

    /* IMAGE PROPERTIES */
    img {
        border-radius:50px;

    }

    /* BODY PROPERTIES */
    body {
        background-color: var(--background-color);
        margin: auto 15% auto;
    }

    /* TEXT PROPERTIES */
    h1 {
        color: var(--text-color);
        font-family: var(--site-font), sans-serif;
        font-weight: var(--text-weight-normal);
        font-size: var(--text-size-large);
        line-height: 80%;
    }

    h2 {
        color: var(--text-color);
        font-family: var(--site-font), sans-serif;
        font-weight: var(--text-weight-normal);
        font-size: 56px;
        line-height: var(--default-line-height);
    }

    h3 {
        color: var(--text-color);
        font-family: var(--site-font), sans-serif;
        font-weight: var(--text-weight-normal);
        font-size: 56px;
        line-height: var(--default-line-height);
    }

    h4 {
        color: var(--text-color);
        font-family: var(--site-font), sans-serif;
        font-weight: var(--text-weight-normal);
        font-size: 56px;
        line-height: var(--default-line-height);
    }

    h5 {
        color: var(--text-color);
        font-family: var(--site-font), sans-serif;
        font-weight: var(--text-weight-normal);
        font-size: 56px;
        line-height: var(--default-line-height);
    }

    h6 {
        color: var(--text-color);
        font-family: var(--site-font), sans-serif;
        font-weight: var(--text-weight-light);
        font-size: var(--text-size-small);
        line-height: 5%;
    }

    p {
        color: var(--text-color);
        font-family: var(--site-font), sans-serif;
        font-weight: var(--text-weight-normal);
        font-size: var(--text-size-normal);
        line-height: var(--default-line-height);
    }

    /* TABLE PROPERTIES */
    table {
        color: var(--text-color);
        font-family: var(--site-font), sans-serif;
        font-weight: var(--text-weight-light);
        font-size: var(--text-size-normal);
        line-height: var(--default-line-height);
    }

    /* LIST PROPERTIES */
    list {
        align-items: center;
        align-content: center;
        padding: 100 px;
    }

    li {
        text-align: justify;
        color: var(--text-color);
        font-family: var(--site-font), sans-serif;
        font-weight: var(--text-weight-light);
        font-size: var(--text-size-small);
        line-height: var(--default-line-height);
    }

    /* FORM PROPERTIES */
    label {
        color: var(--text-color);
        font-family: var(--site-font), sans-serif;
        font-weight: var(--text-weight-normal);
        font-size: var(--text-size-small);
        line-height: var(--default-line-height);
    }

    input {
        background-color: #3e5f5f;
        border-style: none;
        flex-wrap: wrap;
        word-wrap: break-word;
        font-family: var(--site-font), sans-serif;
        font-size: var(--text-size-small);
        font-weight: var(--text-weight-heavy);
        text-align: justify;
        width: 40%;
        
        
    }

    /* LINK PROPERTIES */
    a:link {
        color: var(--text-color);
    }

    a:visited {
        color: var(--link-color-visit);
    }

    a:hover {
        color: var(--link-color-hover);
    }

    html {
        scroll-behavior: smooth;
    }